<style>
    .wrapper {
        height: 100%;
    }
    
    h1,
    h2 {
        margin: 0;
        padding: 40px;
        padding-bottom: 0;
    }
    
    h2 {
        padding-top: 0;
    }
    
    ul {
        margin: 0;
        padding: 20px;
    }
    
    li {
        line-height: 44px;
        margin-left: 40px;
    }
</style>
<div class="wrapper">
    <div>
        <h1>目录</h1>
        <ul>
            <li><a v-on:click="goto('1')">上万级数据测试</a></li>
            <li><a v-on:click="goto('2')">自定义滚动条</a></li>
            <li><a v-on:click="goto('3')">滑动事件</a></li>
            <li><a v-on:click="goto('4')">缩放加自由滑动</a></li>
            <li><a v-on:click="goto('5')">嵌套滑动</a></li>
            <li><a v-on:click="goto('7')">带图片的内容</a></li>
            <li><a v-on:click="goto('8')">动态调整可选项</a></li>
            <li><a v-on:click="goto('9')">仿QQ列表侧滑删除</a></li>
        </ul>
    </div>
</div>